<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Unbenanntes Dokument</title>
    <link href="/Content/Css/screen.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="container">
        <div id="header">
            <div id="navigation">
                <div class="menu">
                    <div class="left"></div>
                    <div class="text selected"><a href="#">Home</a></div>
                    <div class="right"></div>
                </div>
                <div class="menu">
                    <div class="left"></div>
                    <div class="text"><a href="#">Rezepte</a></div>
                    <div class="right"></div>
                </div>
                <div class="menu">
                    <div class="left"></div>
                    <div class="text"><a href="#">Gäste</a></div>
                    <div class="right"></div>
                </div>
            </div>
        </div>
        
        <div id="sidebar">
            
            <div class="box">
                <h1>Tags</h1>
                <p>
                    Die Hintergrundfarbe für dieses div wird nur für die Länge des Inhalts angezeigt. Sollten Sie eine Trennlinie
                    bevorzugen, fügen Sie der CSS-Regel des entsprechenden Divs (#sidebar oder #mainContent) eine Rahmen-Eigenschaft
                    hinzu.
                </p>
                <p>
                    Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum
                    ut, sapien.
                </p>
            </div>
            
            <div class="button">
                <div class="icon"><a href="#"><img src="/Content/Images/Icons/Add.png" alt="Rezept hinzufügen" title="Rezept hinzufügen" /></a></div>
                <h1><a href="#">Rezept hinzufügen</a></h1>
            </div>
            
            <div class="button">
                <div class="icon"><a href="#"><img src="/Content/Images/Icons/Users.png" alt="Neues Gästemenü" title="Neues Gästemenü" /></a></div>
                <h1><a href="#">Neues Gästemenü</a></h1>
            </div>
            
        </div>
        
        <div id="mainContent">
            <h1>
                Hauptinhalt
            </h1>
            <p>
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum,
                erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie
                in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus
                tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis,
                tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti.
            </p>
            <h2>
                H2-Überschrift
            </h2>
            <p>
                
            
            <form class="contentForm" action="..." method="post">
              <fieldset>
                <legend>Rezept</legend>
                <label for="lastname">last name : </label> 
                <input name="lastname" id="lastname" type="text" 
                tabindex="1" />
                <br />
                <label for="firstname">first name : </label>
                <input name="firstname" id="firstname" type="text" 
                tabindex="2" />
                <br />
                <label for="address">address : </label> 
                <input name="address" id="address" type="text" 
                tabindex="3" />
              </fieldset>
              
              <p>
              <input id="button1" type="submit" value="Send" /> 
              <input id="button2" type="reset" />
              </p>
            </form>
            
                
                
            </p>
        </div>
        <br class="clearfloat" />
        <div id="footer">
            <p>
                Fußzeile</p>
            <!-- end #footer -->
        </div>
        <!-- end #container -->
    </div>
</body>
</html>
